<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>index</title>
    <!------------------------------样式表-------------------------------------->
    <!------- 页面图标 --- -->
    <link rel="icon" type="image/png" sizes="16x16" href="/image/favicon.png">
    <!------- Bootstrap ---->
    <link href="js/shell/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <!------------------------------------ 屏幕固定css --------------------------------->
    <link href="css/index/compress/mainStyleCompress.css" rel="stylesheet">
</head>

<body>
    <!---------------------------------------地图------------------------------->
    <div id="container">

        <!------------------------------------- 大屏组件 ---------------------------->
        <!----------------------------------------标题------------------------------>
        <div class="ornament1 position2"></div>
        <div class="con1 position1">
            <font color="#899FAC">黑广播中心平台</font>
        </div>
        <!------------------------------------- 警情区 ------------------------------>
        <div class="con2 position3">
            <!----- 年统计 --- -->
            <div id="chart1" class="chart1">
                <dv-charts :option="option" />
            </div>
            <!----- 月统计 --- -->
            <div id="chart2" class="chart2">
                <dv-charts :option="option" />
            </div>
            <!----- 设备总量 -- -->
            <div id="counter3" class="counter2">
                <font class="font3" color='#899FAC'>设备总量</font>
                <dv-digital-flop :config='config' />
            </div>
            <div class="ornament6"></div>
            <!----- 在线设备 ---->
            <div id="counter4" class="counter2">
                <font class="font3" color='#899FAC'>在线设备</font>
                <dv-digital-flop :config='config' />
            </div>
            <div class="ornament7"></div>
        </div>
        <!------------------------------------- 计数器 ------------------------------>
        <div class="con3 position4">
            <!----- 统计天数 --- -->
            <div id="counter1" class="counter">
                <font class="font1" color="#899FAC">统计天数</font>
                <dv-digital-flop :config="config" />
            </div>
            <div class="ornament2"></div>
            <!----- 黑广播数 --- -->
            <div id="counter2" class="counter">
                <font class="font1" color="#899FAC">黑广播数</font>
                <dv-digital-flop :config="config" />
            </div>
            <div class="ornament3"></div>
        </div>
        <!------------------------------------- 大数据 ------------------------------>
        <div class="con4 position5">
            <!----- 时间统计 --- -->
            <div id="chart4" class="chart4"></div>
            <!----- 分类统计 --- -->
            <div id="chart3" class="chart3"></div>
        </div>
        <!------------------------------------- 信息展示 ---------------------------->
        <div class="con5 position6">
            <!----- 轮播表 --- -->
            <div id="scroll" class="scroll">
                <dv-scroll-board :config="config" />
            </div>
            <div class="ornament5"></div>
        </div>
        <!------------------------------------- 导航区 ------------------------------>
        <div class="con6 position7">
            <div class="button">
                <a href="/new_control/con_bigdata.html">
                    <button type="button" class="btn btn-info btn-block">控制中心</button>
                </a>
            </div>
            <div class="ornament4"></div>
        </div>
        <!------------------------------------- 热力地图 --------------------------- -->
        <div class="con7 position8">
            <div id="container2"></div>
        </div>
    </div>
    <!-----------------------------------库调用---------------------------------->
    <!------- Vue ---------->
    <!--<script src="https://unpkg.com/vue"></script>-->
    <script src="js/shell/vue-2.6.11/dist/vue.min.js"></script>
    <!------- DataV -------->
    <script src="js/compress/index/datav.min.vue.js"></script>
    <!-- <script src="https://unpkg.com/@jiaminghi/data-view/dist/datav.min.vue.js"></script> -->
    <!------- axios -------->
    <!--<script src="https://unpkg.com/axios/dist/axios.min.js"></script>-->
    <!------- jquery ----- -->
    <script type="text/javascript" src="js/shell/jquery.min.js"></script>
    <!------- 高德地图 ----- -->
    <script type="text/javascript"
        src="https://webapi.amap.com/maps?v=1.4.15&key=53d9330efb4cb3ce512a46f93728a097&plugin=Map3D,AMap.DistrictLayer,AMap.Scale,AMap.ToolBar">
    </script>
    <script src="//webapi.amap.com/loca?v=1.3.2&key=53d9330efb4cb3ce512a46f93728a097" type="text/javascript"></script>
    <!--<script src="https://a.amap.com/Loca/static/mock/adcodes.js"></script>-->
    <script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
    <!------- Echarts ----- -->
    <script src="/js/shell/echarts.min.js"></script>
    <!------------------ axios ----------------->
    <!--<script src="/js/shell/axios.min.js" type="text/javascript"></script>-->
    <!-- websocket reconnected -->
    <script src="js/shell/reconnecting-websocket/reconnecting-websocket.min.js"></script>
    <script src="js/shell/reconnecting-websocket/reconnecting-websocket.js"></script>
    <!----------------------------------------自定义脚本---------------------------->
    <!-------------------- 压缩脚本 ---------------------->
    <!-- 地图 -->
    <script src="js/compress/index/mainMapShellCompress.js"></script>
    <!-- 图表 -->
    <script src="js/compress/index/dataVShellCompress.js"></script>
    <!-- websocket -->
    <script src="js/compress/index/websocketSDhellCompress.js"></script>
    <!-- js源码 -->
    <!-- 地图js -->
    <!-- <script src="js/index/mapMainShell.js"></script> -->
    <!-- DataV -->
    <!-- <script src="js/index/datavSell.js"></script> -->
    <!-- webSocket -->
    <!-- <script src="js/index/websocketShell.js"></script> -->
    <script src="js/shell/axios.min.js"></script>
    <script>
        axios.get('d/login/index').then(function (response) {
            let msg = response.data.msg;
            if (msg === '1') {
                document.location = '/login.html';
            }
        });
    </script>
</body>

</html>